<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    Header
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    Footer
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="Left" collapsible="true">
                    <h:form>
                    <p:menu>
                        <p:submenu label="Resources">
                            <p:menuitem value="Demo" url="http://www.primefaces.org/showcase-labs/ui/home.jsf" />
                            <p:menuitem value="Documentation" url="http://www.primefaces.org/documentation.html" />
                            <p:menuitem value="Forum" url="http://forum.primefaces.org/" />
                            <p:menuitem value="Themes" url="http://www.primefaces.org/themes.html" />

                        </p:submenu>

                    </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    
                     <h:form id="forma">
                        <p:growl id="growl" showDetail="true" sticky="true" />
                        
                        <p:panelGrid id="formulario">
                            
                            <p:row>
                                <p:column>
                                    <h:outputText value="Cedula:"/> 
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtCedula" binding="#{VistaCliente.txtCedula}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Nombre:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtNombre" binding="#{VistaCliente.txtNombre}"/>
                                </p:column>
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Apellido:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtApellido" binding="#{VistaCliente.txtApellido}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Celular:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtCelular" binding="#{VistaCliente.txtCelular}"/>
                                </p:column>
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Email:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtEmail" binding="#{VistaCliente.txtEmail}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Ocupacion:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtOcupacion" binding="#{VistaCliente.txtOcupacion}"/>
                                </p:column>
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Universidad/Empresa/Colegio:"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtUniEmp" binding="#{VistaCliente.uniColEmp}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Ciudad de Origen:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbCiudadOrigen"  binding="#{VistaCliente.cmbCiudadOrigen}">
                                        <f:selectItem itemLabel="Selecione..." itemValue="" />
                                        <f:selectItems value="#{VistaCliente.ciudadOrigen}"/>
                                        
                                     </p:selectOneMenu>
                                </p:column>
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Pais de Interes:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbPais"  binding="#{VistaCliente.cmbPais}" >
                                        
                                        <f:selectItem itemLabel="Selecione" itemValue="0" noSelectionOption="true" />
                                        <f:selectItems value="#{VistaCliente.paises}" />
                                        <p:ajax listener="#{VistaCliente.seleccionaPais}" update="cmbCiudad,cmbEscuela" />
                                     </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Ciudad de Interes:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbCiudad"  binding="#{VistaCliente.cmbCiudad}">                                        
                                        <f:selectItem itemLabel="Selecione" itemValue="0"/>
                                        <f:selectItems  value="#{VistaCliente.ciudades}"/>
                                        <p:ajax listener="#{VistaCliente.seleccionaCiudad}" update="cmbEscuela" />
                                     </p:selectOneMenu>
                                </p:column>
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Escuela de Interes:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbEscuela"  binding="#{VistaCliente.cmbEscuela}">
                                        <f:selectItem itemLabel="Selecione" itemValue="" />
                                        <f:selectItems value="#{VistaCliente.escuelas}"/>
                                     </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Programa de Interes:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbPrograma"  binding="#{VistaCliente.cmbPrograma}">
                                        <f:selectItem itemLabel="Selecione" itemValue="" />
                                        <f:selectItems value="#{VistaCliente.programas}"/>
                                     </p:selectOneMenu>
                                </p:column>
                                </p:row>
                               <p:row>
                                <p:column>
                                    <h:outputText value="Duracion del programa:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbDuracion"  binding="#{VistaCliente.cmbDuracion}">
                                        <f:selectItem itemLabel="Selecione" itemValue="" />
                                        <f:selectItem itemLabel="4 Semanas" itemValue="0"/>
                                        <f:selectItem itemLabel="12 Semanas" itemValue="1"/>
                                        <f:selectItem itemLabel="24 Semanas" itemValue="2"/>
                                        <f:selectItem itemLabel="36 Semanas" itemValue="3"/>
                                     </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Fecha que Desea Viajar:"/>
                                </p:column>
                                <p:column>
                                    <p:calendar pattern="yyyy-mm-dd" id="fechaViaje" binding="#{VistaCliente.fechaViaje}">
                                                </p:calendar>
                                </p:column> 
                                </p:row>
                                <p:row>
                                <p:column>
                                    <h:outputText value="Comentarios:"/>
                                </p:column>
                                <p:column>
                                    <p:inputTextarea id="txtComentarios" binding="#{VistaCliente.comentarios}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="Nivel de Interes:"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cmbNivelInteres"  binding="#{VistaCliente.cmbNivelInteres}">
                                        <f:selectItem itemLabel="Selecione" itemValue="" />
                                        <f:selectItem itemLabel="N/A" itemValue="0"/>
                                        <f:selectItem itemLabel="A" itemValue="1"/>
                                        <f:selectItem itemLabel="AA" itemValue="2"/>
                                        <f:selectItem itemLabel="AAA" itemValue="3"/>
                                     </p:selectOneMenu>
                                </p:column>
                                </p:row>
                                
                            
                            <p:row>
                                <p:column>
                                    
                                    <p:commandButton id="btnRegistrar" binding="#{VistaCliente.btnRegistrar}" 
                                                     action="#{VistaCliente.funcion_Registrar}" value="Registrar"
                                                     update="growl,formulario,tabla"/>
                                    
                                </p:column>
                            
                          
                                <p:column>
                                    
                                    <p:commandButton id="btnModificar"  disabled="true" binding="#{VistaCliente.btnModificar}" 
                                                     action="#{VistaCliente.funcion_Modificar}" value="Modificar"
                                                     update="growl,formulario,tabla" />
                                    
                                </p:column>
                          
                                <p:column>
                                    
                                    <p:commandButton id="btnLimpiar"   binding="#{VistaCliente.btnLimpiar}" 
                                                     action="#{VistaCliente.funcion_Limpiar}" value="Limpiar"
                                                     update="growl,formulario,tabla" />
                                    
                                </p:column>
                           
                                <p:column>
                                    
                                     <p:growl id="message" showDetail="true" />
 
                                     <p:commandButton value="Eliminar" disabled="true" binding="#{VistaCliente.btnEliminar}" actionListener="#{VistaCliente.funcion_Eliminar}" update="growl,formulario,tabla" >
                                                        <p:confirm header="Confirmacion" message="Esta Seguro de Eliminar este Registro?" icon="ui-icon-alert" />
                                            </p:commandButton>
 
                                            <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                                                <p:commandButton value="Si"  action="#{VistaCliente.funcion_Eliminar}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" update="growl,formulario,tabla" />
                                                        <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" update="growl,formulario,tabla" />
                                            </p:confirmDialog>
                                    
                                </p:column>
                            </p:row>
                            
                            
                            
                        </p:panelGrid>
                        
                        <p:dataTable  id="tabla" var="solicitudes" value="#{VistaCliente.listaSoliciudes}" rows="10"
                         paginator="true"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="5,10,15" selectionMode="single" selection="#{VistaCliente.solicitudSeleccionada}" rowKey="#{solicitudes.codSolicitud}">
                            
                            
                            <p:ajax event="rowSelect" listener="#{VistaCliente.seleccionar_Solucitud}" update=":forma:formulario" />
                         
        <p:column headerText="Id">
            <h:outputText value="#{solicitudes.codSolicitud}" />
        </p:column>
 
        <p:column headerText="Fecha">
            <h:outputText value="#{solicitudes.fecha}" />
        </p:column>
        <p:column headerText="Cedula">
            <h:outputText value="#{solicitudes.cedulaSolicitud.cedula}" />
        </p:column>
        <p:column headerText="Nombre">
            <h:outputText value="#{solicitudes.cedulaSolicitud.nombreCliente}" />
        </p:column>       
        <p:column headerText="Apellido">
            <h:outputText value="#{solicitudes.cedulaSolicitud.apellidoCliente}" />
        </p:column>
        <p:column headerText="Email">
            <h:outputText value="#{solicitudes.cedulaSolicitud.email}" />
        </p:column>       
        <p:column headerText="Celular">
            <h:outputText value="#{solicitudes.cedulaSolicitud.celular}" />
        </p:column>
        <p:column headerText="Ocupacion">
            <h:outputText value="#{solicitudes.cedulaSolicitud.ocupacion}" />
        </p:column>       
        <p:column headerText="Uni/Emp/Col">
            <h:outputText value="#{solicitudes.cedulaSolicitud.uniColEmp}" />
        </p:column>
        <p:column headerText="Ciudad de Origen">
            <h:outputText value="#{solicitudes.cedulaSolicitud.ciudadOrigen.nombreCiudad}" />
        </p:column>
        <p:column headerText="Pais">
            <h:outputText value="#{solicitudes.codEscuelaSolicitud.codCiudadEscuela.codPaisCiudad.nombrePais}" />
        </p:column>       
        <p:column headerText="Ciudad">
            <h:outputText value="#{solicitudes.codEscuelaSolicitud.codCiudadEscuela.nombreCiudad}" />
        </p:column>
        <p:column headerText="Escuela">
            <h:outputText value="#{solicitudes.codEscuelaSolicitud.nombreEscuela}" />
        </p:column>       
        <p:column headerText="Programa">
            <h:outputText value="#{solicitudes.codProgramaSolicitud.nombrePrograma}" />
        </p:column>
        <p:column headerText="Duracion">
            <h:outputText value="#{solicitudes.duracion}" />
        </p:column>
        <p:column headerText="Fecha de Viaje">
            <h:outputText value="#{solicitudes.fechaEstimada}" />
        </p:column>
        <p:column headerText="Comentario">
            <h:outputText value="#{solicitudes.cedulaSolicitud.ocupacion}" />
        </p:column>
        <p:column headerText="Nivel de Interes">
            <h:outputText value="#{solicitudes.cedulaSolicitud.nivelIn}" />
        </p:column>
        <p:column headerText="Nota">
            <p:commandButton id="btnNotas" value="Dynamic" type="button" />
                 <p:overlayPanel id="moviePanel" for="movieBtn" hideEffect="fade" dynamic="true" style="width:600px">
        
        
                   
                 </p:overlayPanel>
    </p:column>
 
     </p:dataTable>
</h:form>
                    
                    
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

